<template>
  <div class="hidden-dangers-signal-wrap">
    <!-- 标题 -->
    <div class="hidden-dangers-signal-title page-title-wrap" style="align-items: center;">
      <div class="page-title-name">
        <i class="iconfont icon_biaotijiantou" @click="$Ctl.backProvePage()"></i>
        <span class="page-title-text">隐患整改清单</span>
      </div>
      <div class="title-tabs" style="margin-left:32px;">
        <p class="title-tabs-item" :class="{'active': showType==1}" @click="showType=1">实时隐患</p>
        <p class="title-tabs-item" :class="{'active': showType==2}" @click="showType=2">全部隐患</p>
      </div>
    </div>
    <!-- 主展示区域 -->
    <div class="hidden-dangers-signal-content">
      <!-- 实时 -->
      <real-time-hidden-dangers-page v-show="showType == 1" :transOrg="orgIds" :transId="selectedId"></real-time-hidden-dangers-page>
      <!-- 历史 -->
      <all-hidden-dangers-page v-if="showType == 2" :parames="orgIds"></all-hidden-dangers-page>
    </div>
  </div>
</template>
<script>
import '@/styles/common/detailPage.scss'
import { getOrgsStatusList } from '@/api/organization'
import RealTimeHiddenDangersPage from './PageModel/RealTimeHiddenDangers'
import AllHiddenDangersPage from './PageModel/AllHiddenDangers'

export default {
  name: 'HiddenDangersLsit',
  components: {
    RealTimeHiddenDangersPage,
    AllHiddenDangersPage,
  },
  props: {
    parames: {
      required: true,
    },
  },
  data() {
    return {
      showType: 1, // 展示的类型 1：实时隐患  2：全部隐患
      orgIds: this.parames && this.parames.orgId ? this.parames.orgId : '',
      selectedId: this.parames && this.parames.id ? this.parames.id : '',
      orgList: [], // 单位数据
      infoList: [],
    }
  },
  created() {},
  methods: {},
}
</script>
<style lang="scss" scoped>
.hidden-dangers-signal-wrap {
  padding: 0 30px 80px 30px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px 20px rgba(16, 55, 88, 0.3) inset;
  background-color: #061723;
  .hidden-dangers-signal-content {
    width: 100%;
    height: calc(100% - 80px);
  }
  .page-title-wrap {
    .org-choose-wrap {
      margin-left: 17px;
      .el-select {
        .el-input__inner {
          border: none;
          font-size: 16px;
          color: rgba(96, 194, 255, 0.4);
          background: rgba(70, 153, 255, 0.1);
        }
      }
    }
  }
}
</style>
